import React, { Component } from 'react'
import axios from 'axios';
// 当后端设置了响应头 允许跨域, 那么前端就不需要 配置反向代理了
// 当后端没有响应头, 那么前端要想请求后端接口,需要在前端配置反向代理,这样才能获取数据


// react 中配置代理
// 第一步: 下载 http-proxy-middleware 代理中间接
// 第二步: 在src 目录下新建 setupProxy.js 配饰代理
// 注意文件名必须叫setupProxy. 只有该文件才能被react 脚手架读取加载
// const { createProxyMiddleware } = require('http-proxy-middleware')
// module.exports = function (app) {
//     app.use(
//         // 代理路径
//         '/api',
//         createProxyMiddleware({
//             // 目标域名
//             target: "http://localhost:5000",
//             changeOrigin: true
//         })
//     )
// }

export default class Father extends Component {
    render() {
        return (
            <div>配置react 反向代理</div>
        )
    };
    componentDidMount() {
        // 请求数据
        axios.get('/api/index/index').then(res => {
            console.log(res);
        })
    }
}
